<template>
	<view class="dp-video" :style="{
		backgroundColor: params.bgcolor,
		margin: (params.margin_y * 2.2) + 'rpx ' + (params.margin_x * 2.2) + 'rpx 0',
		padding: (params.padding_y * 2.2) + 'rpx ' + (params.padding_x * 2.2) + 'rpx'
	}">
		<view class="red-box">
			<image src="/static/img/video.png" />
		</view>
		<image class="dp-video-video" :src="params.pic" @click="tovidelive"></image>
	</view>
</template>
<script>
var app = getApp();
export default {
	props: {
		params: {},
		data: {},
		video_lists: []
	},
	methods: {
		tovidelive() {
			app.globalData.videolive.type = Number(this.params.type)
			if (this.params.type == 1) {
				app.globalData.videolive.list = this.data
			}
			if (this.params.type == 2) {
				app.globalData.videolive.list = this.video_lists
			}
			app.goto('/pagesSocial/common/videolive')
		}
	}
}
</script>
<style>
.red-box {
	position: absolute;
	top: 50rpx;
	right: 50rpx;
	width: 60rpx;
	height: 60rpx;
}

.red-box image {
	width: 100%;
	height: 100%;
}

.dp-video {
	height: auto;
	position: relative;
	font-size: 0;
}

.dp-video-video {
	width: 100%;
	margin: 0px;
	padding: 0px;
}
</style>